<!--
 * @Author: GKN
 * @Date: 2023-08-21 17:14:24
 * @LastEditTime: 2023-10-25 11:48:13
 * @LastEditors: GKN
 * @Description: 
 * @FilePath: \mod\src\view\md.vue
 * 可以输入预定的版权声明、个性签名、空行等
-->
<template>
    <div>
        <!-- 
            |左右填充300px   | mainPadding
            |指示箭头-手指   | cursor-p
            |背景色白        | back-fff
            |阴影            | shadow-1
            |圆角            | border-r6
            |上边距20px      | MarT MarT12 MarT14 MarT24 MarT35
            |宽度100%        | withFull
                                po-re
                                po-ab0
         -->
        <div class="main mainPadding cursor-p back-fff"></div>
        <!-- 栅格布局 -->
        <el-row :gutter="20">
            <el-col :span="8"></el-col>
        </el-row>
        <!-- 卡片组件 
           -- 右侧更多按钮   more='true' @moreClick
           -- 标题icon      v-slot:img
           -- 头部右侧区域   v-slot:right 
           -- 卡片主要内容   v-slot:main1
        -->
        <Card1 title="***" :more="false">
            <template v-slot:img>
                <img class="title-icon" src="@/assets/img/icon1.png" alt="" >
            </template>
            <template v-slot:right>
                
            </template>
            <template v-slot:main1></template>
        </Card1>
            <!-- 标题组件 -->
        <TitleView title="***"></TitleView>
        <!-- 排序 红色圆形 1234567.... -->
        <sortTip number="1" />

        <!-- 图片组件 -->
        <imgView src="" />
    </div>
    
  </template>
  
  <script setup>
  import { ref,reactive, onMounted,getCurrentInstance } from "vue";
    const { proxy } = getCurrentInstance();//proxy相当于vue2里this 挂载全局方法
  import { ElMessage } from 'element-plus'
  import TitleView from './components/title.vue';
  import FrameView from './components/frame.vue';
  import Card1 from './components/card1.vue';
  import sortTip from './components/sort/i1.vue';
//   import centerView from '../components/centerView.vue'; //底为白色空白组件
  import { useRoute, useRouter } from "vue-router";

  import httpApi from '@/api/http'

  document.body.scrollTop =  0;
  
  const Router = useRouter();
  httpApi.get('', {}, function (res) {
    
  })
  </script>
  
  <style lang='less' scoped>
  </style>
  
  